<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" href="{{asset('imgs/icon.png')}}" type="image/x-icon">
    <title>@yield('title')</title>
    <link rel="stylesheet" href="{{asset('css/materialize.css')}}">
    <link rel="stylesheet" href="{{asset('css/app.css')}}">
    <link rel="stylesheet" href="{{asset('css/share.min.css')}}">

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>


{{--<div class="container">--}}
    {{--<div class="row">--}}
        {{--<div href="#" style="margin-top: 20px" data-activates="mobile-demo" class="col s6 button-collapse valign-wrapper"><i class="small material-icons">menu</i></div>--}}

        {{--<div  class="col s6" style="margin-top: 20px"><strong>Citrulluss</strong></div>--}}
    {{--</div>--}}
{{--</div>--}}


{{--<ul id="slide-out" class="mobile-demo">--}}
    {{--<li><div class="userView">--}}
            {{--<div class="background">--}}
                {{--<img src="images/office.jpg">--}}
            {{--</div>--}}
            {{--<a href="#!user"><img class="circle" src="images/yuna.jpg"></a>--}}
            {{--<a href="#!name"><span class="white-text name">张三</span></a>--}}
            {{--<a href="#!email"><span class="white-text email">jdandturk@sina.com</span></a>--}}
        {{--</div></li>--}}
    {{--<li><a href="#!"><i class="material-icons">cloud</i>带图标的第一链接</a></li>--}}
    {{--<li><a href="#!">第二链接</a></li>--}}
    {{--<li><div class="divider"></div></li>--}}
    {{--<li><a class="subheader">子标题</a></li>--}}
    {{--<li><a class="waves-effect" href="#!">带波纹效果的第三链接</a></li>--}}

    <ul class="side-nav " id="mobile-demo">
        <li><div class="userView">
        <div class="background">
        <img src="https://s1.ax2x.com/2017/12/11/XhstS.png">
        </div>
        <a href="#!user"><img class="circle" src="https://s1.ax2x.com/2017/12/11/XhGPQ.jpg"></a>
        <a href="#!name"><span class="white-text name">张惠亮</span></a>
        <a href="mailto:Citrulluss@gmail.com"><span class="white-text email">Citrulluss@gmail.com</span></a>
        </div></li>

        <li><a href="{{url('home')}}" class="waves-effect"><i class="material-icons ">account_balance</i>首页</a></li>
        <li><a href="{{url('posts')}}" class="waves-effect"><i class="material-icons ">book</i>归档</a></li>
        {{--<li><div class="divider"></div></li>--}}
        {{--<li><a class="subheader">子标题</a></li>--}}

        <li><a class="waves-effect" href="{{url('tags')}}"><i class="material-icons">loyalty</i>标签</a></li>

    {{--<li><a onclick="contact()" href="#">联系</a></li>--}}
    {{--<li><a href="#" onclick="about()">关于</a></li>--}}
    <li><a href="{{url('subscribe')}}"><i class="material-icons">call_made</i>订阅</a></li>
    </ul>

</ul>

{{--<nav class="white">--}}
    {{--<div class="nav-wrapper container">--}}
        {{--<a href="{{url('home')}}" class="brand-logo">Citrulluss</a>--}}
        {{--<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>--}}

        {{--<ul class="right hide-on-med-and-down">--}}
            {{--<li><a href="{{url('home')}}">首页</a></li>--}}
            {{--<li><a  href="#" onclick="contact()">联系</a></li>--}}
            {{--<li><a href="#" onclick="about()">关于</a></li>--}}
            {{--<li><a class="btn blue accent-2" href="{{url('subscribe')}}">订阅我</a></li>--}}
        {{--</ul>--}}
        {{--<ul class="side-nav" id="mobile-demo">--}}
            {{--<li><a href="{{url('home')}}">首页</a></li>--}}
            {{--<li><a onclick="contact()" href="#">联系</a></li>--}}
            {{--<li><a href="#" onclick="about()">关于</a></li>--}}
            {{--<li><a href="{{url('subscribe')}}">订阅我</a></li>--}}
        {{--</ul>--}}
    {{--</div>--}}
{{--</nav>--}}

@yield('content')
<footer class="page-footer teal lighten-2">
    <div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
        <a class="btn-floating btn-large red">
            <i class="material-icons">touch_app</i>
        </a>
        <ul>
            <li><a class="btn-floating red" href="{{url('home')}}" style="transform: scaleY(0.4) scaleX(0.4) translateY(40px); opacity: 0;"><i class="material-icons">account_balance</i></a></li>
            <li><a class="btn-floating yellow darken-1" href="mailto:Citrulluss@gmail.com" style="transform: scaleY(0.4) scaleX(0.4) translateY(40px); opacity: 0;">
                    <i class="material-icons">email</i></a></li>

            <li>
                <a class="btn-floating transparent" style="opacity: 0" href="http://github.com/lanatuss" target="_blank">

                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>

                </a>
            </li>
            <li> <div href="#"  data-activates="mobile-demo" class="button-collapse "><a class="btn-floating blue darken-1 " data-activates="mobile-demo"  style="transform: scaleY(0.4) scaleX(0.4) translateY(40px); opacity: 0;"><i class="small material-icons">menu</i></a> </div></li>


        </ul>
    </div>


    <div class="container " style="padding-bottom: 20px">
        Copyright © 2017 Citrulluss 的博客.
        <a class="grey-text text-lighten-4 right"  href="https://laravel.com">Developed By Citrulluss,Powered By Laravel</a>
    </div>
</footer>

<script src="{{asset('js/jquery.min.js')}}"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script src="{{asset('js/social-share.min.js')}}"></script>
<script>
    $(".button-collapse").sideNav();
    $('.carousel.carousel-slider').carousel({fullWidth: true});
    $('.slider').slider({full_width: true});
    $('.parallax').parallax();
    $('.collapsible').collapsible();

    @if(Session::exists('toast'))
           Materialize.toast('{{Session::get('toast')}}', 3000)
    @endif

    function contact() {
           Materialize.toast('不要尝试联系我', 3000,'rounded')
    }
    function about() {
        Materialize.toast('test', 3000,'rounded')
    }

</script>
</body>
</html>